@charset "utf-8";

html, body{height: 100%;}
@media (max-width:850px){
  .home.lock{overflow: hidden;}
  .home, .home body{height: auto; overflow: auto;}	
}

.body-fp-wrapper{position: fixed; width: 100vw; height: 100%; min-height: 620px;}
@media (max-width:850px){
  .body-fp-wrapper{position: static; height: auto; min-height: inherit; overflow: visible;}
}

/*header*/
.body-fp-wrapper .header{position: absolute; top: 0; right: 0; left: 0; opacity: 0; z-index: 8; transform:translateY(-100%); transition:all 0.7s ease-out 0s;}
.body-fp-wrapper .header-main{background: linear-gradient(to bottom, rgba(0,0,0,.7), rgba(0,0,0,0));; box-shadow: none;}
.body-fp-wrapper .header-main.fixed{position: static !important;}

.body-fp-wrapper .header-mainnav ul li a{color: #fff;}

.body-fp-wrapper .header-mobile-tool{display:none;}
.body-fp-wrapper .header-mobile-tool .header-mobile-search{width: 40px; margin-right: 0;}
.body-fp-wrapper .header-mobile-tool .header-mobile-search a{background-image: url(../images/public/header_search_btn_b.png);}
.body-fp-wrapper .header-mobile-tool .header-toggle-btn{display: none;}
.body-fp-wrapper.isshow .header{transform: none; opacity: 1;}
@media (max-width:992px){
  .body-fp-wrapper .header-mobile-tool .header-mobile-search{width: 35px; margin-right: 15px;}
  .body-fp-wrapper .header-mobile-tool .header-mobile-search a{background-size: 100% auto;}
  .body-fp-wrapper .header-mobile-tool .header-toggle-btn{display: block;}
  .body-fp-wrapper .header-mobile-tool .header-toggle-btn span{background-color: #fff;}
  .body-fp-wrapper .header-opend .header-mobile-tool .header-mobile-search a{background-image: url(../images/public/header_search_btn_m.png);}
  .body-fp-wrapper .header-opend .header-mobile-tool .header-toggle-btn span{background-color: #155cb3;}
}

/*swiper*/
.body-fp-swiper{position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 5; width: 100%; height: 100%; transition: .8s ease-in-out; -webkit-transition: .8s ease-in-out;}
.body-fp-swiper .swiper-container{width: 100%; height: 100%;}
.body-fp-swiper .swiper-wrapper{width: 100%; height: 100%;}
.body-fp-swiper .swiper-slide .itm{display: block; position: relative; height: 100%; width: 100%;}
.body-fp-swiper .swiper-slide .itm .banner{position: relative; width: 100%; height: 100%;}
.body-fp-swiper .swiper-slide .itm .banner img{display: block; width: 100%; height: 100%; object-fit: cover;}
.body-fp-swiper .swiper-slide .itm .banner:before{position: absolute; left: 0; bottom: 0; right: 0; content: ""; height: 80px; background: linear-gradient(to top, rgba(0,0,0,0.8), rgba(0,0,0,0));}
.body-fp-swiper .swiper-slide .itm .caption{position: absolute; right: 0; left: 0; bottom: 0; padding: 30px 400px 30px 30px; font-size: 1.25em; color: #fff; line-height: 1.625em;}
.body-fp-swiper .swiper-ctrl-button{top: auto; bottom: 25px; margin-top: 0;}
.body-fp-swiper .swiper-ctrl-button i{color: #8b572a !important;}
.body-fp-swiper .swiper-ctrl-button:hover:after{opacity: 1;}
.body-fp-swiper .swiper-ctrl-next{right: 30px;}
.body-fp-swiper .swiper-ctrl-prev{right: 87px; left: auto;}
.body-fp-swiper .swiper-pagination{position: absolute; right: 144px; bottom: 25px !important; left: auto !important; z-index: 1; width: auto !important;}
.body-fp-swiper .swiper-pagination span{position: relative; display: inline-block; width: 45px; height: auto; padding-bottom: 10px; margin: 0 5px !important;  text-align: left; border-radius: 0; background: none !important; opacity: 1;}
.body-fp-swiper .swiper-pagination span font{font-weight: bold; font-size: 1.125em; color: #ed7812; opacity: 0; transition: all .3s;}
.body-fp-swiper .swiper-pagination span:after{position: absolute; right: 0; bottom: 0; left: -2px; content: ""; height: 2px; background-color: #e0ddd7; border-radius: 2px;}
.body-fp-swiper .swiper-pagination .swiper-pagination-bullet-active font{opacity: 1;}
.body-fp-swiper .swiper-pagination .swiper-pagination-bullet-active:after{background-color: #ed7812;}
.body-fp-swiper .swiper-pagination .swiper-active-switch font{opacity: 1; visibility: visible;}
.body-fp-swiper .swiper-pagination .swiper-active-switch:after{background-color: #ed7812;}
@media (max-width:850px){
  .body-fp-swiper{position: relative; height: 55vw;}
  .body-fp-swiper .swiper-slide .itm .caption{font-size: 1em; padding: 20px;}
  .body-fp-swiper .swiper-pagination{display: none;}
  .body-fp-swiper .swiper-ctrl-button{display: none;}
}
/*switch*/
.body-fp-wrapper .switch-bottom{position: absolute; left: 50%; bottom: 20px; z-index: 11; margin-top: -20px; line-height: 1.2em; text-align: center; opacity: 1; font-family: icon; padding: 0 10px; animation: switchB 2s linear 0s infinite; cursor: pointer;color: rgba(255,255,255,.6);}
.body-fp-wrapper .switch-bottom i{font-weight: bold; font-size: 40px; color: #fff;}
@keyframes switchB{
  0%{transform: translate(-50%,0); opacity: 0;}
  20%{transform: translate(-50%,3px); opacity: 1;}
  80%{transform: translate(-50%,10px); opacity: 1;}
  90%{transform: translate(-50%,10px); opacity: 0;}
  100%{transform: translate(-50%,10px); opacity:0;}
}
.body-fp-wrapper .switch-bottom:hover{animation-play-state: paused; color: #fff;}
.body-fp-wrapper .switch-bottom:hover i{color: #fff;}
@media (max-width:850px){
  .body-fp-wrapper .switch-bottom{display: none;}	
}

.body-fp-wrapper .switch-right{position: absolute; top: 50%; margin-top: -82px; right: 0; z-index: 666; cursor: pointer; width: 82px; height: 164px; background: url(../images/index/gysq_hd.png) center center no-repeat; background-size: 100% 100%; transform-origin: right center; opacity: 0; transform: scale(0);}
.body-fp-wrapper .switch-right a{position: absolute; top: 50%; left: 20%; margin-top: -2.5em; width: 1em; padding-right: 1em; font-size: 1.125em; line-height: 1.25em; color: #fff; opacity: 0;}
.body-fp-wrapper .switch-right a i{position: absolute; top: 50%; right: 0; margin-top: -.625em;}
.body-fp-wrapper.isshow .switch-right{opacity: 1; transform: none; transition: all 1s ease-out 0.5s;}
.body-fp-wrapper.isshow .switch-right a{left: 50%; margin-left: -.25em; opacity: 1; transition: all 1s ease-out 3s;}
@media (max-width:850px){
  .body-fp-wrapper .switch-right{position: fixed; width: 58px; height: 120px; margin-top: -60px; opacity: 1; transform: none; transition: all 1s ease-out 0.3s;}
  .body-fp-wrapper .switch-right a{font-size: 1em;}
}

/*框架内容*/
.body-fp-container{position: absolute; top: 0; right: 0; bottom: 0; left: 100%; z-index: 10000; width: 100%; height: 100%; transition: left 1.3s cubic-bezier(0.5,0,0.2,1) 0s; overflow: hidden;}
.body-fp-container.isshow{left: 0; display: block;}
@media (max-width:850px){
  .body-fp-container{position: fixed; overflow: auto; background: #fff;}
}

.body-fp-scroll{position: relative; height: 100%; overflow: hidden;}
@media (max-width:850px){
  .body-fp-scroll{left: auto !important; overflow: auto;}
}

.fp-scroll-nav{position: fixed; left: 50%; bottom: 0; text-align: center; z-index: 7; margin-left: -141px; width: 281px; color: #fff; opacity: 0; visibility: hidden; transition: all 0.6s ease-out 0s; transform: translateY(50px);}
.fp-scroll-nav.isshow{opacity: 1; visibility: visible; transform: translateY(0px);}
.fp-scroll-nav .list{display: inline-block; margin: 0 5%;}
.fp-scroll-nav .list .item{float: left; background: url(../images/index/line.png) center top no-repeat; width: 120px; cursor: pointer;}
.fp-scroll-nav .list .item span{position: relative; padding-top: 30px; display: inline-block; line-height: 1;}
.fp-scroll-nav .list .item:first-child{width: 121px; background-position: -119px top ;text-align: left;}
.fp-scroll-nav .list .item:first-child span{transform: translateX(-50%);}
.fp-scroll-nav .list .item:last-child{width: 120px; background-position: left top; text-align: right;}
.fp-scroll-nav .list .item:last-child span{transform: translateX(50%);}
.fp-scroll-nav .list .item span:before{content:""; background: url(../images/index/point.png) center center no-repeat;transform: scale(0); transition: all 0.5s ease-out 0s; position: absolute; top: 9px; left: 50%; margin-left: -10px; width: 20px; height: 20px;}
.fp-scroll-nav .list .item.now span:before{transform: none;}
.fp-scroll-nav.w .list .item{background-image:url(../images/index/line.png);}
.fp-scroll-nav.w{color: #fff;}
@media (max-width:850px){
  .fp-scroll-nav{display: none;}	
}

/*关于宿迁*/
.gysq{position: relative; width: 100%; height: 100%; background: url(../images/index/gysq_bg.jpg) no-repeat center center; background-size: cover;}
.gysq .thead{position: relative; width: 25%; height: 100%; background: rgba(11, 79, 153, .9);}
.gysq .thead .inner{position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%;transition: all 1s ease-out 0s; opacity: 1; transform: scale(.9);}
.gysq .thead .inner .table{position: relative; width: 100%; height: 100%; display: table; vertical-align: middle;}
.gysq .thead .inner .table .inline{position: relative; width: 100%; height: 100%; display: table-cell; vertical-align: middle; text-align: center;}
.gysq .thead .inner .table .inline h3{display: inline-block; vertical-align: middle; font-size: 2.125em; width: 1em; line-height: 1.25em; color: #fff;}
.gysq .thead .inner .table .inline p{display: inline-block; vertical-align: middle; margin-left: 1.125em; font-size: 1.125em; width: 1em; line-height: 1.375em; color: #fff;}
.gysq .thead .inner .table .inline p b{display: block; height: 1em;}
.gysq.isshow .thead .inner{opacity: 1; transform: scale(1);}
@media (max-width:1280px){
  .gysq .thead{width: 20%;}
}
@media (max-width:992px){
  .gysq .thead .inner .table .inline h3{font-size: 1.875em; margin-left: 35px;}	
  .gysq .thead .inner .table .inline p{margin-left: 10px;}
}
@media (max-width:850px){
  .gysq .thead{width: auto; background: rgba(11, 79, 153, .65)}
  .gysq .thead .inner{position: static; width: auto; padding-top: 20px; padding-bottom: 20px;}	
  .gysq .thead .inner .table .inline h3{display: block; width: auto; margin-left: 0;}
  .gysq .thead .inner .table .inline p{display: block; width: auto; margin-top: .25em;}
  .gysq .thead .inner .table .inline p b{display: inline-block; width: 1em;}
}

.gysq .tbody{position: absolute; top: 0; right: 0; left: 25%; height: 100%;}
.gysq .tbody .td{position: relative; float: left; width: 16.66667%; height: 25%; color: #fff; opacity: 0; transition: all 1s ease-out 0s; transform: scaleX(0); overflow: hidden;}
.gysq .tbody .td:before{position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; content: "";}
.gysq .tbody .td.none{display: block;}
.gysq .tbody .td.none:before{transform: none;}
.gysq .tbody .td .inner{position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 2; text-align: center; color: #fff; direction: column; }

.gysq .tbody .td .inner .table{position: relative; width: 100%; height: 100%; display: table; vertical-align: middle;}
.gysq .tbody .td .inner .table .middle{position: relative; width: 100%; height: 100%; display: table-cell; vertical-align: middle;}
.gysq .tbody .td .inner .table .middle strong{display: block; margin: 0 2%; font-size: 2.25em; line-height: 1em;}
.gysq .tbody .td .inner .table .middle strong i{font-style: normal; display: inline-block; margin-left: -10px;}
.gysq .tbody .td .inner .table .middle span{display: block; margin: .625em 2% 0; font-size: 1.125em;}
.gysq .tbody .td .inner.last{padding: 0 5px; font-size: 14px; text-align: right;}
.gysq .tbody .td .inner.last .table .middle{vertical-align: bottom;}
.gysq .tbody .td.s .inner .table .middle strong i{animation: rotateX 2.5s ease-in-out 0s 1 both; transform-style: preserve-3d;}
.gysq .tbody .td.s .inner .table .middle strong i:nth-child(2){animation-delay: 0.2s;}
.gysq .tbody .td.s .inner .table .middle strong i:nth-child(3){animation-delay: 0.4s;}
.gysq .tbody .td.s .inner .table .middle strong i:nth-child(4){animation-delay: 0.6s;}
.gysq .tbody .td.s .inner .table .middle strong i:nth-child(5){animation-delay: 0.8s;}
.gysq .tbody .td.s .inner .table .middle strong i:nth-child(6){animation-delay: 1s;}
.gysq .tbody .td.s .inner .table .middle strong i:nth-child(7){animation-delay: 1.2s;}
.gysq .tbody .td.s .inner .table .middle strong i:nth-child(8){animation-delay: 1.4s;}
.gysq .tbody .td.s .inner .table .middle strong i:nth-child(9){animation-delay: 1.6s;}

.gysq.ani .tbody .td{opacity: 1; transform: none;}
.gysq.isshow .tbody .td .inner{transform: none;}
.gysq.isshow .tbody .td1{animation: td 3s ease-out 0s infinite;}
.gysq.isshow .tbody .td2{animation: td 5s ease-out 0s infinite;}
.gysq.isshow .tbody .td4{animation: td 4s ease-out 0s infinite;}
.gysq.isshow .tbody .td6{animation: td 5s ease-out 0s infinite;}
.gysq.isshow .tbody .td11{animation: td 3s ease-out 0s infinite;}
.gysq.isshow .tbody .td13{animation: td 4s ease-out 0s infinite;}
.gysq.isshow .tbody .td14{animation: td 4s ease-out 0s infinite;}
.gysq.isshow .tbody .td15{animation: td 5s ease-out 0s infinite;}
.gysq.isshow .tbody .td17{animation: td 4s ease-out 0s infinite;}
.gysq.isshow .tbody .td19{animation: td 4s ease-out 0s infinite;}
.gysq.isshow .tbody .td23{animation: td 3s ease-out 0s infinite;}
.gysq .tbody .td .inner{transform: rotateY(-180deg); transition:all 3s cubic-bezier(0.3,0,0.7,1) 0s;}
.gysq .tbody .td1:before{background: #a2c3de;}
.gysq .tbody .td2:before{background: #8bbdd4;}
.gysq .tbody .td3:before{background: #1760ad;}
.gysq .tbody .td4:before{background: #8bbdd4;}
.gysq .tbody .td5:before{background: #2f90bb; opacity: .7; filter: alpha(opacity=70);}
.gysq .tbody .td6:before{background: #2774b8;}
.gysq .tbody .td7:before{background: #2774b8;}
.gysq .tbody .td8:before{background: #8fb1cc;}
.gysq .tbody .td9:before{background: #1760ad; opacity: .7; filter: alpha(opacity=70);}
.gysq .tbody .td10:before{background: #1760ad;}
.gysq .tbody .td11:before{background: #2774b8;}
.gysq .tbody .td12:before{background: #1760ad; opacity: .7; filter: alpha(opacity=70);}
.gysq .tbody .td13:before{background: #1760ad; opacity: .9; filter: alpha(opacity=90);}
.gysq .tbody .td14:before{background: #7ca8cc;}
.gysq .tbody .td15:before{background: #1760ad;}
.gysq .tbody .td16:before{background: #1760ad; opacity: .7; filter: alpha(opacity=70);}
.gysq .tbody .td17:before{background: #7ca8cc;}
.gysq .tbody .td18:before{background: #1760ad;}
.gysq .tbody .td19:before{background: #8fb1cc;}
.gysq .tbody .td20:before{background: #1760ad; opacity: .7; filter: alpha(opacity=70);}
.gysq .tbody .td21:before{background: #1760ad; opacity: .7; filter: alpha(opacity=70);}
.gysq .tbody .td22:before{background: #1760ad;}
.gysq .tbody .td23:before{background: #2774b8;}
.gysq .tbody .td24:before{background: #2f90bb;}
@-webkit-keyframes td{
  0%{opacity: 1;}
  25%{opacity: 0.8;}
  50%{opacity: 0.9;}
  100%{opacity: 1;}
}
@keyframes td{
  0%{opacity: 1;}
  25%{opacity: 0.8;}
  50%{opacity: 0.9;}
  100%{opacity: 1;}
}
@-webkit-keyframes rotateX{
  0%{-webkit-transform: rotateX(0deg);}
  100%{-webkit-transform: rotateX(360deg);}
}
@keyframes rotateX{
  0%{transform: rotateX(0deg);}
  100%{transform: rotateX(360deg);}
}
@media (max-width:1500px){
  .gysq .tbody .td .inner .table .middle span{font-size: 1em;}	
}
@media (max-width:1280px){
  .gysq .tbody{left: 20%;}
  .gysq .tbody .td .inner .table .middle strong{font-size: 1.625em;}
  .gysq .tbody .td .inner .table .middle strong i{margin-left: -6px;}	
}
@media (max-width:992px){
  .gysq .tbody .td{width: 33.33333%; height: 33.33333%}
  .gysq .tbody .td.none{display: none;}
  .gysq .tbody .td10:before{background-color: #2774b8;}
  .gysq .tbody .td22:before{background-color: #7ca8cc;}
.body-fp-wrapper .header-search{display: none;}
}
@media (max-width:850px){
  .gysq .tbody{position: static;}
  .gysq .tbody .td{padding: 15px 0; transition: none; transform: none; transition-delay: 0s !important;}
  .gysq .tbody .td .inner{position: relative; height: 100px; transition: none; transform: none; transition-delay: 0s !important;}
}
@media (max-width:640px){
  .gysq .tbody .td{width: 50%;}	
  .gysq .tbody .td .inner{height: 68px;}
  .gysq .tbody .td .inner .table .middle span{margin-top: .25em;}
  .gysq .tbody .td.td24{width: 100%;}
  .gysq .tbody .td .inner.last{height: auto;}
  .gysq .tbody .td:before{opacity: 1 !important;}
  .gysq .tbody .td3:before{background: #2774b8;}
  .gysq .tbody .td5:before{background: #1760ad;}
  .gysq .tbody .td7:before{background: #7ca8cc;}
  .gysq .tbody .td8:before{background: #8fc1cc;}
  .gysq .tbody .td10:before{background: #2774b8;}
  .gysq .tbody .td12:before{background: #1760ad;}
  .gysq .tbody .td18:before{background: #7ca8cc;}
  .gysq .tbody .td22:before{background: #8fc1cc;}
}
@media (max-width:414px){
  .gysq .tbody .td .inner .table .middle strong{font-size: 1.375em;}
  .gysq .tbody .td .inner .table .middle span{font-size: .875em;}
}

/*宿迁荣誉*/
.sqry{position: relative; width: 100%; height: 100%; background: url(../images/index/sqry_bg.png) repeat #a40000; background-size: auto 100%}
.sqry > b{position: absolute;
    bottom: 50%;
    left: 5%;
    width: 38%;
    transform: translateY(50%);}
.sqry .fp-table-cell{vertical-align: top;}
.sqry .thead{margin-top: 3%; margin-bottom: 3%; text-align: center;}
.sqry .thead dd img{display: block; height: 144px; margin: 0 auto;}
@media (max-width:850px){
  .sqry .thead{padding-right: 5%; padding-left: 5%;}
  .sqry .thead dd img{height: auto;}
}
.sqry .tbody{padding-left: 45%; padding-right: 10%;}
.sqry .tbody .list{margin: -30px 0 0;}
.sqry .tbody .list li{float: left; width: 50%;}
.sqry .tbody .list li a{display: block; position: relative; padding-right: 5%; padding-left: 20%; margin: 30px 15px 0; height: 80px; line-height: 80px; background: #fff; border-bottom: 7px solid #a57841;}
.sqry .tbody .list li a:before{position: absolute; top: 0; bottom: 0; left: 5%; width: 12%; content: ""; background: url(../images/index/sqry_li_ico1.png) no-repeat center; background-size: 100% auto;}
.sqry .tbody .list li a span{display: inline-block; vertical-align: middle; line-height: 1.25em; max-width:100%; white-space: nowrap; text-overflow: ellipsis; -o-text-overflow: ellipsis; overflow: hidden;}
.sqry .tbody .list li:nth-child(even) a{border-bottom-color: #94070a;}
.sqry .tbody .list li:nth-child(even) a:before{background-image: url(../images/index/sqry_li_ico2.png);}
@media (max-width:1500px) {
  .sqry .tbody .list{margin: -20px 0 0;}
  .sqry .tbody .list li a{margin: 20px 10px 0; height: 65px; line-height: 65px;}	
}
@media (max-width:992px) {
  .sqry .tbody{padding-left: 30%;}	
}
@media (max-width:850px){
  .sqry .tbody{padding-right: 5%; padding-left: 5%; padding-bottom: 10px;}	
  .sqry .tbody .list{margin: -15px -7px 0 -8px;}
  .sqry .tbody .list li a{margin: 15px 7px 0 8px;}
}
@media (max-width:414px){
  .sqry .tbody .list{margin: -10px 0 0;}
  .sqry .tbody .list li{width: 100%;}
  .sqry .tbody .list li a{margin: 10px 5px 0; height: 45px; line-height: 45px; padding-left: 15%;}	
  .sqry .tbody .list li a:before{width: 8%;}
}

.body-fp-container .gohome{position: absolute; top: 50%; left: 0; z-index: 10; margin-top: -.75em; cursor: pointer;}
.body-fp-container .gohome a{display: block; position: relative; padding-left: 40px; width: 1em; font-size: 1.125em; color: #fff; line-height: 1.375em; transition: all 0.3s ease-out 0s;}
.body-fp-container .gohome a:before{position: absolute; top: 50%; right: 1em; content: ""; margin-top: -.75em; width: 2px; height: 1.5em; margin-right: 8px; background: #fff; opacity: .35; filter: alpha(opacity=35);}
.body-fp-container .gohome a:after{position: absolute; top: 50%; right: 1em; left: 0; content: ""; margin-top: -1px; height: 2px; margin-right: 10px; background: #fff; opacity: .35; filter: alpha(opacity=35);}
.body-fp-container .gohome a:hover{padding-left: 55px;}
.body-fp-container .gohome a:hover:before{opacity: .8; filter: alpha(opacity=80);}
.body-fp-container .gohome a:hover:after{opacity: .8; filter: alpha(opacity=80);}
.body-fp-container .arr{position: absolute; top: 50%; right: 10px; z-index: 11; font-size: 5em; line-height: 1em; margin-top: -.5em; cursor: pointer;}
.body-fp-container .arr i{font-size: 1em; color: #fff;}
.body-fp-container .screen{float: left; height: 100%; position: relative;}
@media (max-width:992px){
  .body-fp-container .arr{font-size: 3.25em;}
}
@media (max-width:850px){
  .body-fp-container .gohome{margin-top: -30px;}
  .body-fp-container .gohome a{padding: 10px 8px 10px 5px !important; line-height: 30px; color: #333; background-color: #fff; border-radius: 0 5px 5px 0;}
  .body-fp-container .gohome a:before{content: normal;}
  .body-fp-container .gohome a:after{content: normal;}
  .body-fp-container .arr{display: none !important;}	
  .body-fp-container .screen{float: none;}
}


.body-fp-home{position: fixed; top: 100%; right: 0; left: 0; width: 100%; height: 100%; z-index: 99; overflow: auto; transition: top 0.7s cubic-bezier(0.5,0,0.2,1) 0s;}
.body-fp-home .header{position: fixed; left: 0; right: 0; top: 0; z-index: 30; opacity: 0; transform: translateY(-100%) ;transition: all 1s ease-out 0s;}
.body-fp-home .body-body{padding-top: 138px;}

.body-fp-home.isshow{position: absolute; top: 0; height: auto; overflow: hidden;} 
.body-fp-home.isshow .header{transition: all 1s ease-in-out 0.5s; transform: none; opacity: 1;}
@media (max-width:1500px) {
  .body-fp-home .body-body{padding-top: 146px;}

}
@media (max-width:850px){
  .body-fp-home{width: auto; height: auto; position: static; opacity: 1; transform: none; overflow: hidden;}
  .body-fp-home .body-body{padding-top: 99px;}
  .body-fp-home .header.mobile{transition: all 1s ease-in-out 0.5s; transform: none; opacity: 1;}
}
@media (max-width:640px){
  .body-fp-home .body-body{padding-top:80px;}
}
.body-fp-menu-btn{position: absolute; top: 40px; right: 40px; z-index: 12; width: 50px; height: 50px; background: #fff; box-shadow: 0 0 10px rgba(0,0,0,0.1); border-radius: 100%; transition: all 0.3s ease-out 0s; cursor: pointer;}
.body-fp-menu-btn .header-toggle-btn{width: 28px;}
.body-fp-menu-btn .header-toggle-btn div{height: 18px; margin-top: -9px;}
.body-fp-menu-btn .header-toggle-btn span{background: #333; border-radius: 5px;}
.body-fp-menu-btn.active .header-toggle-btn span:nth-child(1){
  top:50%;
  -webkit-transform:translateY(-50%) rotate(-45deg);
  -ms-transform:translateY(-50%) rotate(-45deg);
  transform:translateY(-50%) rotate(-45deg);
}
.body-fp-menu-btn.active .header-toggle-btn span:nth-child(2) {
  -webkit-transform:translateY(-50%) scaleX(0);
  -ms-transform:translateY(-50%) scaleX(0);
  transform:translateY(-50%) scaleX(0);
}
.body-fp-menu-btn.active .header-toggle-btn span:nth-child(3) {
  top:50%;
  bottom:auto;
  -webkit-transform:translateY(-50%) rotate(45deg);
  -ms-transform:translateY(-50%) rotate(45deg);
  transform:translateY(-50%) rotate(45deg);
}
@media (max-width:850px){
  .body-fp-menu-btn{display: none;}	
}

.body-fp-menu-layer{position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 12; transition: all 0.5s ease-out 0s;opacity: 0; transform: scale(1.1); visibility: hidden;}
.body-fp-menu-layer.isshow{transform: none; opacity: 1; visibility: visible;}
.body-fp-menu-layer .left{position: absolute; top: 0; right: 50%; bottom: 0; left: 0; background: #fff;}
.body-fp-menu-layer .left .inner{position: absolute; left: 50%; top: 13%; transform: translate(-55%,0);bottom:13%}
.body-fp-menu-layer .left .logo{max-width: 350px;}
.body-fp-menu-layer .left .list{margin-top: 50px;position: relative; z-index:10}
.body-fp-menu-layer .left .list li{position: relative; height: 46px; line-height: 46px; width: 140px;}
.body-fp-menu-layer .left .list li:before{position: absolute; left:0; width: 0; border-top: 2px solid #155cb3; content: ""; bottom: 0; transition: all 0.5s ease-out 0s;}
.body-fp-menu-layer .left .list li:after{position: absolute; left:100%; content: ""; height: 0; bottom: 0; border-right: 2px solid #155cb3;}
.body-fp-menu-layer .left .list li dl{position: absolute; left: 100%; top: 0; line-height: 40px; opacity: 0; visibility: hidden; transition: all 0.5s ease-out 0s;display: flex;
    flex-wrap: wrap;
    width: 460px;
    padding-left: 20px;}
.body-fp-menu-layer .left .list li dl dd{transition: all 0.3s ease-out 0s; white-space: nowrap;width: 33%;}
.body-fp-menu-layer .left .list li:hover:before{width: 100%;}
.body-fp-menu-layer .left .list li:hover:after{height: 20px; bottom: -9px; transition: all 0.5s ease-out 0.5s;}
.body-fp-menu-layer .left .list li:hover dl{opacity :1; visibility: visible;}


.body-fp-menu-layer .left .tools form{display: block;position: relative;}
.body-fp-menu-layer .left .tools form .inp{height: 44px;width: 100%;line-height: 44px;border: 1px solid #ddd;border-radius: 30px;padding: 0 50px 0 10px;box-sizing: border-box;}
.body-fp-menu-layer .left .tools form .searchBtn{height:44px;width: 54px;border-radius:50%;position: absolute;top: 0;right: 0;z-index: 10;background: url(https://www.suqian.gov.cn/cnsq/xhtml/images/ser.png) no-repeat center;border:0}

.body-fp-menu-layer .left .tools{position: absolute;left:0;bottom:10%;width:90%}
.body-fp-menu-layer .left .tools .a{position:relative; float: left; border: 1px solid #ddd; border-radius: 100%; margin-right: 20px; width: 40px; height: 40px; line-height: 40px; }
.body-fp-menu-layer .left .tools .a > a{display: block; width: 100%; height:100%; text-align: center; color: #333; cursor: pointer;}
.body-fp-menu-layer .left .tools .a > a i{font-style: normal;}
.body-fp-menu-layer .left .tools .lang{font-size: 16px; font-family: Arial; text-transform: uppercase;}
.body-fp-menu-layer .left .tools .sc a{background: url(../images/public/search_btn.png) no-repeat center;}
.body-fp-menu-layer .right{position: absolute; top: 0; right: 0; bottom: 0; left: 50%; background: url(../images/index/fp_menu_bg.jpg) no-repeat center center; background-size: cover;}
@media (max-width:850px){
  .body-fp-menu-layer{display: none;}

.body-fp-wrapper{display:none}	
.body-fp-home .header{transform: none;
    opacity: 1;}
}